<!--顶部导航 logo-->
<div class="center-top">
	<div class="center-top-main">
		<div class="logo">
			<img src="img/logo.png" alt=""/>
		</div>
		<div class="center-name">学习中心</div>
		<ul>
			<li>
				<a href="#">首页</a>
			</li>
			<li>
				<a href="#">课程中心</a>
			</li>
			<li>
				<a href="#">模拟题库</a>
			</li>
			<li>
				<img src="./img/thumb.png"/>
				<a href="#" class="my-class">我的网课</a>
			</li>
			<li>
				<img src="./img/shopcar.png"/>
				<a href="#">购课车</a>
			</li>
			<li>
				<img src="./img/tips.png"/>
				<a href="#">消息</a>
			</li>
			<li class="download-box">
				<a href="#" class="download">APP下载</a>
				<img src="./img/up.png" class="download-up"/>
				<img src="./img/downh.png" class="download-down"/>
				<div class="er-box">
					<img src="img/er.png"/>
					<span>雨露众德APP</span>
				</div>
			</li>
		</ul>
	</div>
</div>
<!--顶部个人基本信息-->
<div class="person-info">
	<div class="person-info-main">
		<div class="person-thumb">
			<img src="./img/er.png"/>
		</div>
		<div class="person-name-rank">
			<div class="person-name">Z夯实</div>
			<div class="person-rank">
				<img src="img/king.png"/>
				<span>注册会员</span>
			</div>
		</div>
		<div class="person-info-right">
			<div class="person-cards">
				<div class="person-cards-num">1张</div>
				<div class="person-cards-name">优惠券</div>
			</div>
			<div class="person-cards">
				<div class="person-cards-num">123</div>
				<div class="person-cards-name">积分</div>
			</div>
			<div class="signin">
				<div class="signin-btn">签到领积分</div>
				<div class="signin-tip">您今天还没有签到</div>
			</div>
		</div>
		<div class="center-ad">
			<img src="img/center-ad.jpg" alt=""/>
		</div>
		<div class="my-message">
			您有<em>1</em>条未读信息
			<span class="close-message"> X </span>
		</div>
	</div>
</div>